<template>
  <div>
    <!-- <input
      type="text"
      :value="value"
      @input="$emit('input', $event.target.value)"
    /> -->
    <slot><button>请自爱，不做备胎和舔狗</button></slot>
    <!-- <div>a</div> -->
      <!--father-> <template v-slot:divc><p>我是阿尔卑斯山脚</p></template> -->

    <div class="diva"><slot name="diva"></slot></div>
    <div class="divb"><slot name="divb"></slot></div>
    <div class="divc"><slot name="divc"></slot></div>
  </div>
</template>

<script>
export default {
  // props: { value: null,  },
  data() {
    return {
      // num: 200
    };
  },
  methods: {},

  computed: {},
};
</script>

<style >
.diva{
  background: rgb(86, 165, 139);
}

.divb{
  background: rgb(232, 134, 54);
}

.divc{
  background: rgb(105, 100, 156);
}
</style>